<!-- 气泡卡片 -->
<template>
  <el-popover
    :trigger="props.trigger"
    width="auto"
  >
    <template #reference>
      <el-button
        text
        bg
        type="primary"
      >
        {{ props.text }}
      </el-button>
    </template>
    <slot />
  </el-popover>
</template>
<script>
export default {
  name: 'AppPopover'
}
</script>
<script setup>
const props = defineProps({
  text: {
    type: String,
    default: '更多...'
  },
  trigger: {
    type: String,
    default: 'hover'
  }
})
</script>

<style scoped lang='scss'>

</style>
